<template>
  <div class="md-deliveryScanHandover">
    <TopSearch>
      <slot>
        <li>
          <el-button size="mini" type="info">配送扫码移接</el-button>
        </li>
      </slot>
    </TopSearch>
    <TableTitle>
      <p>
        上表
      </p>
    </TableTitle>
    <TopTable></TopTable>
    <TableTitle>
      <p>
        下表
      </p>
    </TableTitle>
    <MidTable></MidTable>
  </div>
</template>
<script>
import TopSearch from "../../../../components/TopSearch.vue";
import TableTitle from "../../../../components/TableTitle.vue";
import TopTable from "./components/TopTable.vue"
import MidTable from "./components/MidTable.vue"
export default {
  name: "DeliveryScanHandover",
  components: {
    TopSearch,
    TopTable,
    MidTable,
    TableTitle
  },
};
</script>
<style scoped>
.el-button--info {
  background: #29bacd;
  border-color: #29bacd;
}
.el-button--info:hover {
  background: #1f9eaf;
  border-color: #1f9eaf;
}

</style>